<template>
  <div>
    <Appheader></Appheader>
    <div class="asideCon">
      <div class="asideCon_title">{{info.title}}</div>
      <div class="createUser">{{info.createUser}}&nbsp;&nbsp;&nbsp;&nbsp;{{info.createTime}}</div>
      <div class="asideCon_con" v-html="info.content"></div>
    </div>
    <Appfooter @foot="onfoot"></Appfooter>
  </div>
</template>

<script>
import Appheader from "./header";
import Appfooter from "./footer";
import { ykPc_list } from "../api/index.js";
export default {
  props: {},
  data() {
    return {
      title: "",
      info: {}
    };
  },
  computed: {},
  created() {},
  mounted() {
    this.title = this.$route.params.title;
    this.post();
  },
  watch: {},
  methods: {
    onfoot(data) {
      this.title=data;
      this.post();
    },
    post() {
      let msg = {
        title: this.title
      };
      ykPc_list(this.qs(msg))
        .then(res => {
          // console.log(res);
          if (res.data.code == 0) {
            this.info = res.data.ykPc;
          }
        })
        .catch(e => {});
    }
  },
  components: { Appheader, Appfooter }
};
</script>

<style scoped>
.asideCon {
  width: 1163px;
  margin: 0 auto;
  background: #fff;
}
.asideCon_title {
  margin: 20px 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.createUser {
  color: #999;
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.asideCon_con {
  font-size: 18px;
  color: #333;
  margin-bottom: 80px;
}
.asideCon_con >>> img {
  width: 1160px;
  height: auto;
  margin: 0 auto;
}
</style>
